<template>
  <div>
      <h1 style = "text-align: center;">Top 10 Aisa bitches</h1>
      <br/>
    <v-card class="mx-auto" max-width="420">
      <v-img
        class="white--text align-end"
        height="597px"
        src="../assets/pxc.png"
      >
      </v-img>

      <v-card-subtitle class="pb-0">Oct 16</v-card-subtitle>

      <v-card-text class="text--primary">
        <div>PXC and his baby</div>

        <div>In 335 Ltd. S3, BUPT</div>
      </v-card-text>

      <v-card-actions>
        <v-btn color="orange" text> Share </v-btn>

        <v-btn color="orange" text> Explore </v-btn>
        <v-spacer></v-spacer>

        <v-btn icon>
          <v-icon>mdi-heart</v-icon>
        </v-btn>

        <v-btn icon>
          <v-icon>mdi-bookmark</v-icon>
        </v-btn>

        <v-btn icon>
          <v-icon>mdi-share-variant</v-icon>
        </v-btn>
      </v-card-actions>
    </v-card>
  </div>
</template>

<script>
export default {
  data: () => {},
};
</script>